<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
    </h:head>
    <h:body style="text-align:left">
        <p:growl id="mensajes"  life="10000" />
        <h:form id="form">

            <p:growl id="msgs" showDetail="true" />


            <p:tabView>
                <p:tab title="Consultar">
                    <h:panelGrid columns="2" cellpadding="10">                        
                        <p:dataTable id="idTablaArticulo" paginatorAlwaysVisible="true"                                                          
                                     var="obj" value="#{articuloBean.listaArticulos}" paginator="true" 
                                     paginatorPosition="bottom"
                                     emptyMessage="No se han encontrado registros"
                                     rows="3" filteredValue="#{articuloBean.listaArticulosFiltro}"  
                                     widgetVar="codigoFiltro" scrollable="true"  scrollWidth="true" scrollHeight="150"
                                     liveScroll="true">

                            <f:facet name="header">
                                <p:outputPanel>
                                    <h:outputText value="Buscar: " />
                                    <h:inputText id="globalFilter" onkeyup="PF('codigoFiltro').filter()" />
                                </p:outputPanel>
                            </f:facet>

                            <p:column  filterBy="#{obj.codigo}" headerText="Código">
                                <h:outputText value="#{obj.codigo}" />
                            </p:column>

                            <p:column  filterBy="#{obj.nombre}" headerText="Nombre">
                                <h:outputText value="#{obj.nombre}" />
                            </p:column>

                            <p:column  filterBy="#{obj.iva}" headerText="I.V.A">
                                <h:outputText value="#{obj.iva}" />
                            </p:column>

                            <p:column  filterBy="#{obj.precio}" headerText="Precio">
                                <h:outputText value="#{obj.precio}" />
                            </p:column>

                            <p:column  filterBy="#{obj.clasificacion.descripcion}" headerText="Clasificación">
                                <h:outputText value="#{obj.clasificacion.descripcion}" />
                            </p:column>

                            <p:column headerText="Acción">
                                <p:commandButton value="Eliminar " onclick="PF('cd').show()" />
                                <p:confirmDialog message="Estas seguro que desea eliminar el registro # #{obj.codigo} ?" 
                                                 header="Eliminar" severity="alert"
                                                 widgetVar="cd">

                                    <p:commandButton value="Aceptar" actionListener="#{articuloBean.delete()}" oncomplete="PF('cd').hide()">
                                        <f:setPropertyActionListener value="#{obj}" target="#{articuloBean.codigo}"  />
                                    </p:commandButton>
                                    <p:commandButton value="Cancelar" onclick="PF('cd').hide();" type="button" />

                                </p:confirmDialog>
                                <p:commandButton value="Modificar" action="#{articuloBean.update()}"/> 
                            </p:column>                     
                        </p:dataTable>                  
                    </h:panelGrid>
                </p:tab>
                <p:tab title="Incluir">
                    <h:panelGrid columns="2" cellpadding="10">

                        <h:panelGrid columns="2" cellpadding="5">

                            <h:outputLabel for="codigo" value="Codigo:" />
                            <p:inputText value="0" id="codigo" disabled="true" required="true" label="codigo" />

                            <h:outputLabel  value="Nombre:" />
                            <p:inputText value="#{articuloBean.nombre}" id="nombre"  label="nombre" />

                            <h:outputLabel  value="Cantidad:" />
                            <p:inputText value="#{articuloBean.cantidad}" id="cantidad" label="cantidad" />

                            <h:outputLabel value="I.V.A:" />
                            <p:inputText value="#{articuloBean.iva}" id="iva" label="iva" />

                            <h:outputLabel  value="Precio Venta:" />
                            <p:inputText value="#{articuloBean.precio}" id="precio" label="precio" />

                            <h:outputText value="Clasificación "/>  
                            <p:selectOneMenu value="#{articuloBean.clasificacion.codigo}" >  
                                <f:selectItem itemLabel="Seleccione una opción" itemValue="" /> 
                                <f:selectItems value="#{articuloClasificacionBean.listaArticulosClasificaciones}" 
                                               var="clien" 
                                               itemLabel="#{clien.nombre}" itemValue="#{clien.codigo}"/>   
                            </p:selectOneMenu>   

                        </h:panelGrid>

                        <f:facet name="footer">
                            <h:commandButton value="Guardar" action="#{articuloBean.insert()}"/>  
                            <h:commandButton value="Cancelar" action="#{articuloBean.update()}"/> 
                            <h:commandButton value="Regresar" action="#{articuloBean.volverConsulta()}"/>
                        </f:facet>
                    </h:panelGrid>
                </p:tab>                
            </p:tabView>
        </h:form>
    </h:body>
</html>